<!DOCTYPE html >
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>山西IT企业目录</title>
  <meta name="description" content="山西，太原IT企业名称，地址，招聘" />

  <script type="text/javascript" src="//cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
  <script type="text/javascript" src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.js"></script>
  <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.css" />
<!--<link rel="stylesheet" href="assets/bsmdl/css/material.css" />-->
  
  <script type="text/javascript" src="assets/markdown.js"></script>
  <script type="text/javascript" src="assets/handlebars.min.js"></script>
  <script type="text/javascript" src="main.js"></script>
  
  
</head>

<body id="index">
  <nav class="navbar navbar-default">
    <div class="container-fluid">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <a class="navbar-brand" href="#">太原（山西）IT企业目录</a>
      </div>
    </div>
  </nav>
  <div class="container-fluid">
    <div class="jumbotron">
      <h1>山西省的IT企业名片</h1>
      <p>招聘求职参考，排名不分先后</p>
    </div>
  </div>
  <hr/>
  
<script id="entry-template" type="text/x-handlebars-template">
  {{#each items}}
  <div class="col-sm-6 col-lg-4">
    <div class="panel panel-primary">
        <div class="panel-body">
        <h3>{{name}}</h3>
        <p>{{summary}}</p>
        </div>
        <div class="panel-footer"><span class="glyphicon glyphicon-map-marker"></span>{{地址}}</div>
    </div>
  </div>
  {{/each}}
</script>
  
  <div class="container">
    <div class="row" id="mother">
      <script type="text/javascript">
        //data是一个数组，从main.js中来
        var source   = $("#entry-template").html();
        var template = Handlebars.compile(source);
        document.write(template({items:data}));
      </script>
    </div>
  
  </div>
  <hr />
  <footer class="container">
    <div>
      <table style="width:20em;height:5px;overflow:hidden;">
        <tr>
          <td style="background-color:rgb(51,105,232)"></td>
          <td style="background-color:rgb(213,15,37)"></td>
          <td style="background-color:rgb(0,153,37)"></td>
          <td style="background-color:rgb(238,178,17)"></td>
        </tr>
      </table>
      <p>By Shanxi IT community. Since 2015, License : GPL . </p>
    </div>
  </footer>
</body>

</html>